<template>
   <div>
       <ul>
         <li v-for="(item,index) in arr" :key="index" style="display:inline-block;">
          <input type="checkbox" v-model="newArr" :value="item" @click="btn(index)">
          <span>{{item}}</span>
        </li>
       </ul>
       <ul>
         <li v-for="(item,index) in newArr" :key="index">{{item}}</li>
       </ul>
   </div>
</template>
 
<script>
export default {
  data() {
    return {
    // 数据在这里
      arr:["科幻", "喜剧", "动漫", "冒险", "科技", "军事", "娱乐", "奇闻"],
      newArr:[]
    }
  },
  methods: {
   btn(index){
     this.newArr.includes(!this.arr[index]) ? this.newArr.push(this.arr[index]) : ''
   }
  }
};
</script>

<style scoped>

</style>